<!--
  -    Copyright (c) 2018-2025, lengleng All rights reserved.
  -
  - Redistribution and use in source and binary forms, with or without
  - modification, are permitted provided that the following conditions are met:
  -
  - Redistributions of source code must retain the above copyright notice,
  - this list of conditions and the following disclaimer.
  - Redistributions in binary form must reproduce the above copyright
  - notice, this list of conditions and the following disclaimer in the
  - documentation and/or other materials provided with the distribution.
  - Neither the name of the pig4cloud.com developer nor the names of its
  - contributors may be used to endorse or promote products derived from
  - this software without specific prior written permission.
  - Author: lengleng (wangiegie@gmail.com)
  -->

<!--
  -    Copyright (c) 2018-2025, lengleng All rights reserved.
  -
  - Redistribution and use in source and binary forms, with or without
  - modification, are permitted provided that the following conditions are met:
  -
  - Redistributions of source code must retain the above copyright notice,
  - this list of conditions and the following disclaimer.
  - Redistributions in binary form must reproduce the above copyright
  - notice, this list of conditions and the following disclaimer in the
  - documentation and/or other materials provided with the distribution.
  - Neither the name of the pig4cloud.com developer nor the names of its
  - contributors may be used to endorse or promote products derived from
  - this software without specific prior written permission.
  - Author: lengleng (wangiegie@gmail.com)
  -->

<template>
  <div class="app-container calendar-list-container">
    <!--<div class="filter-container">-->
      <!--<el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="用户名" v-model="listQuery.username"></el-input>-->
      <!--<el-button class="filter-item" style="margin-left: 20px;margin-right: 20px;" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>-->
      <!--<el-radio-group @change="handleChangeType" style="vertical-align: top;margin-top: 2px;" v-model="type" size="medium">-->
        <!--<el-radio label="1" border>个人</el-radio>-->
        <!--<el-radio label="2" border>公司</el-radio>-->
      <!--</el-radio-group>-->
    <!--</div>-->

    <el-table :key='tableKey' :data="list" v-loading="listLoading" element-loading-text="给我一点时间" border fit highlight-current-row style="width: 99%">

      <el-table-column align="center" label="端口">
        <template slot-scope="scope">
          <span>{{scope.row.dateSource ? '商城' : '供应链'}}</span>
        </template>
      </el-table-column>

      <!--<el-table-column align="center" :label="type === '1' ? '个人名称' : '公司名称'">-->
        <!--<template slot-scope="scope">-->
          <!--<span>{{scope.row.name}}</span>-->
        <!--</template>-->
      <!--</el-table-column>-->

      <!--<el-table-column align="center" class-name="status-col" label="入驻类型">-->
        <!--<template slot-scope="scope">-->
          <!--<el-tag>{{scope.row.enterType | settleTypeFilter}}</el-tag>-->
        <!--</template>-->
      <!--</el-table-column>-->

      <el-table-column align="center" label="商品描述">
        <template slot-scope="scope">
          <image class="goodImg" :src="scope.row.surfaceImgUrl"></image>
          <span>{{scope.row.productName}}</span>
        </template>
      </el-table-column>

      <el-table-column align="center" class-name="status-col" label="商品编号">
        <template slot-scope="scope">
          <el-tag>{{scope.row.productNumber}}</el-tag>
        </template>
      </el-table-column>
      <el-table-column align="center" class-name="status-col" label="销售价格">
        <template slot-scope="scope">
          <el-tag>{{scope.row.salePrice}}</el-tag>
        </template>
      </el-table-column>
      <el-table-column align="center" label="原价">
        <template slot-scope="scope">
          <span>{{scope.row.marketPrice}}</span>
        </template>
      </el-table-column>
      <el-table-column align="center" label="供应成本价">
        <template slot-scope="scope">
          <span>{{scope.row.costPrice}}</span>
        </template>
      </el-table-column>

      <el-table-column align="center" class-name="status-col" label="库存数量">
        <template slot-scope="scope">
          <el-tag>{{scope.row.repertoryNumber}}</el-tag>
        </template>
      </el-table-column>
      <el-table-column align="center" class-name="status-col" label="商品类目">
        <template slot-scope="scope">
          <el-tag>{{scope.row.category}}</el-tag>
        </template>
      </el-table-column>
      <el-table-column align="center" class-name="status-col" label="类型">
        <template slot-scope="scope">
          <el-tag>{{scope.row.type}}</el-tag>
        </template>
      </el-table-column>
      <el-table-column align="center" class-name="status-col" label="创建时间">
        <template slot-scope="scope">
          <el-tag>{{scope.row.createTime}}</el-tag>
        </template>
      </el-table-column>
      <el-table-column align="center" class-name="status-col" label="上架时间">
        <template slot-scope="scope">
          <el-tag>{{scope.row.promotionTime}}</el-tag>
        </template>
      </el-table-column>
      <el-table-column align="center" label="操作" width="200">
        <template slot-scope="scope">
          <el-button v-if="sys_user_upd" size="small" type="success" @click="handleCheckDetail(scope.row)">查看</el-button>
          <el-button v-if="sys_user_del" size="small" type="danger" @click="deletes(scope.row)">删除</el-button>
        </template>
      </el-table-column>

    </el-table>

    <div v-show="!listLoading" class="pagination-container">
      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.pageNo" :page-sizes="[10,20,30, 50]" :page-size="listQuery.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
    </div>

    <!--企业入驻审核-->
    <el-dialog title="企业入驻审核" :visible.sync="companyDialog">
      <el-form :model="form" :rules="rules" ref="form" label-width="100px">
        <el-form-item label="入驻类型" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名" :disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="企业名称" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="企业类型" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="企业人数" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="联系电话" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="联系地址" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="产品类型" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="企业介绍" prop="username">
          <el-input v-model="form.username" type="textarea" resize="none" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="营业执照" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="执照名称" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="执照附件" prop="username">
          <!--<img src="" alt="">-->
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="企业法人" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="注册号" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="经办类型" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="法人身份证" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="身份证照片" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="企业实景照" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="生产车间照" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="打版照" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="展厅照" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="质量体系证" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="授权文件" prop="username">
          <el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>
        </el-form-item>

        <el-form-item label="审核结果" prop="username">
          <el-radio-group style="vertical-align: top;margin-top: 2px;" v-model="result" size="medium">
            <el-radio label="1" border>通过</el-radio>
            <el-radio label="2" border>不通过</el-radio>
          </el-radio-group>
        </el-form-item>

        <el-form-item label="审核意见" prop="username">
          <el-input v-model="form.username" type="textarea" resize="none" placeholder="请输用户名"></el-input>
        </el-form-item>

      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel('form')">取 消</el-button>
        <el-button type="primary" @click="update('form')">确 定</el-button>
      </div>
    </el-dialog>

    <!--个人入驻审核-->
    <el-dialog title="个人入驻审核" :visible.sync="personalDialog">
      <div>
        <span class="title" style="margin-left: 30px;">基本信息:</span>
      </div>
      <el-col :span="24" style='margin-top:15px;'>
        <el-form label-width="80px" :model="form" ref="form">
          <el-form-item label="*商品名称:" prop="parentId">
            <el-input v-model="form.parentId" :disabled="true" placeholder="请输入父级节点" class="inputRow"></el-input>
          </el-form-item>
          <el-form-item label="*商品编号:" prop="parentId">
            <el-input v-model="form.parentId" :disabled="true" placeholder="请输入父级节点" class="inputRow"></el-input>
          </el-form-item>
          <el-form-item label="商品货号:" prop="menuId">
            <el-input v-model="form.menuId" :disabled="true" placeholder="请输入节点ID" class="inputRow"></el-input>
          </el-form-item>
          <el-form-item label="*商品分类:" prop="menuId">
            <el-input v-model="form.menuId" :disabled="true" placeholder="请输入节点ID" class="inputRow"></el-input>
          </el-form-item>
          <el-form-item label="*商品类别:" prop="name">
            <el-input v-model="form.name" :disabled="true" placeholder="请输入标题" class="inputRow"></el-input>
          </el-form-item>
          <div>
            <span class="title">参数详情:</span>
          </div>
          <el-form-item label="颜色:" prop="permission">
            <el-input v-model="form.permission" :disabled="true" placeholder="请输入权限标识" class="inputRow"></el-input>
          </el-form-item>
          <el-form-item label="编织工艺:" prop="icon">
            <el-input v-model="form.icon" :disabled="true" placeholder="请输入图标" class="inputRow"></el-input>
          </el-form-item>
          <el-form-item label="拉头工艺:" prop="icon">
            <el-input v-model="form.icon" :disabled="true" placeholder="请输入图标" class="inputRow"></el-input>
          </el-form-item>
          <el-form-item label="生产工艺:" prop="icon">
            <el-input v-model="form.icon" :disabled="true" placeholder="请输入图标" class="inputRow"></el-input>
          </el-form-item>
          <el-form-item label="潘通色号:" prop="url">
            <el-input v-model="form.url" :disabled="true" placeholder="请输入资源路径" class="inputRow"></el-input>
          </el-form-item>
          <el-form-item label="克重:" prop="sort">
            <el-input v-model="form.sort" :disabled="true" placeholder="请输入排序"></el-input>
          </el-form-item>
          <el-form-item label="幅宽(cm):" prop="component">
            <el-input v-model="form.component" :disabled="true" placeholder="请输入描述"></el-input>
          </el-form-item>
          <el-form-item label="原料纱支:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="成本比例:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="现货情况:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="光泽度:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="花型尺寸:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="宽度:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="厚度:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="含胶量:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="其他参数:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="材质:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="弹力程度:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="花高:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="重量" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="宽度分类:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="尺寸:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="规格型号:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="杯型厚度:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="贴布材质:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="规格尺寸:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <el-form-item label="包装材质:" prop="component">
            <el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>
          </el-form-item>
          <div>
            <span class="title">描述信息:</span>
          </div>
          <div class="textareaCon"></div>
          <div>
            <span class="title">图片信息:</span>
          </div>
          <div class="imgContent">
          </div>
        </el-form>
      </el-col>
      <!--<el-form :model="form" :rules="rules" ref="form" label-width="100px">-->
        <!--<el-form-item label="入驻类型" prop="username">-->
          <!--<span class="line-word">{{form.type | settleTypeFilter}}</span>-->
          <!--&lt;!&ndash;<el-input v-model="form.username" placeholder="请输用户名" :disabled="true"></el-input>&ndash;&gt;-->
        <!--</el-form-item>-->

        <!--<el-form-item label="身份类型" prop="username" v-if="form.designerType">-->
          <!--<span class="line-word">{{form.designerType | designerFilter}}</span>-->
        <!--</el-form-item>-->

        <!--<el-form-item label="姓名" prop="username">-->
          <!--<span class="line-word">{{form.name}}</span>-->
        <!--</el-form-item>-->

        <!--<el-form-item label="工作年限" prop="username">-->
          <!--<span class="line-word">{{form.workYear}}</span>-->
        <!--</el-form-item>-->

        <!--<el-form-item label="联系地址" prop="username">-->
          <!--<span class="line-word">{{form.address}}</span>-->
        <!--</el-form-item>-->

        <!--<el-form-item label="联系电话" prop="username">-->
          <!--<span class="line-word">{{form.phone}}</span>-->
        <!--</el-form-item>-->

        <!--<el-form-item label="身份证号码" prop="username">-->
          <!--<span class="line-word">{{form.idCard}}</span>-->
        <!--</el-form-item>-->

        <!--<el-form-item label="身份证照片" prop="username">-->
          <!--<el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>-->
        <!--</el-form-item>-->

        <!--<el-form-item label="个人介绍及成就" prop="username">-->
          <!--<el-input v-model="form.introductionAchievements" type="textarea" resize="none" :disabled="true"></el-input>-->
        <!--</el-form-item>-->

        <!--<el-form-item label="个人经历" prop="username">-->
          <!--<el-input v-model="form.username" placeholder="请输用户名":disabled="true"></el-input>-->
        <!--</el-form-item>-->

        <!--<el-form-item label="审核结果" prop="username">-->
          <!--<el-radio v-model="result" label="1">通过</el-radio>-->
          <!--<el-radio v-model="result" label="2">不通过</el-radio>-->
        <!--</el-form-item>-->

        <!--<el-form-item label="审核意见" prop="username">-->
          <!--<el-input v-model="form.username" type="textarea" resize="none" placeholder="请输用户名"></el-input>-->
        <!--</el-form-item>-->

      <!--</el-form>-->
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel('form')">取 消</el-button>
        <el-button type="primary" @click="update('form')">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
  import { getSettleDetail } from '@/api/seller'
  // import { getSettleList, getSettleDetail } from '@/api/seller'
  import { queryGoodsList } from '@/api/goods'
  import { addObj, putObj, delObj } from '@/api/user'
  // import { fetchList, getObj, addObj, putObj, delObj } from '@/api/user'
  // import { deptRoleList, fetchDeptTree } from '@/api/role'
  import waves from '@/directive/waves/index.js' // 水波纹指令
  // import { parseTime } from '@/utils'
  import { mapGetters } from 'vuex'

  export default {
    name: 'seller_index',
    directives: {
      waves
    },
    data() {
      return {
        type: '1', // 类型
        result: '1', // 审核结果
        list: null, // 列表数据
        total: null, // 总条数
        listLoading: true, // loading
        listQuery: { // 请求参数
          pageNo: 1,
          pageSize: 10
        },
        role: [],
        form: {
          username: undefined,
          newpassword1: undefined,
          delFlag: undefined,
          deptId: undefined,
          phone: undefined
        },
        rules: {
          username: [
            {
              required: true,
              message: '请输入账户',
              trigger: 'blur'
            },
            {
              min: 3,
              max: 20,
              message: '长度在 3 到 20 个字符',
              trigger: 'blur'
            }
          ],
          newpassword1: [
            {
              required: true,
              message: '请输入密码',
              trigger: 'blur'
            },
            {
              min: 6,
              max: 20,
              message: '长度在 6 到 20 个字符',
              trigger: 'blur'
            }
          ],
          deptId: [
            {
              required: true,
              message: '请选择部门',
              trigger: 'blur'
            }
          ],
          role: [
            {
              required: true,
              message: '请选择角色',
              trigger: 'blur'
            }
          ],
          phone: [
            {
              required: true,
              message: '手机号',
              trigger: 'blur'
            },
            {
              min: 11,
              max: 11,
              message: '长度在11 个字符',
              trigger: 'blur'
            }
          ]
        },
        rolesOptions: [],
        companyDialog: false, // 公司入驻详情
        personalDialog: false, // 个人入驻详情
        userAdd: false,
        userUpd: false,
        userDel: false,
        dialogStatus: '',
        textMap: {
          update: '编辑',
          create: '创建'
        },
        isDisabled: {
          0: false,
          1: true
        },
        tableKey: 0
      }
    },
    computed: {
      ...mapGetters(['permissions'])
    },
    filters: {
      designerFilter(type) {
        const statusMap = {
          1: '专职设计师',
          2: '独立设计师',
          3: '联盟设计师'
        }
        return statusMap[status]
      },
      statusFilter(status) {
        const statusMap = {
          0: '待审批',
          1: '审批通过',
          2: '审批不通过'
        }
        return statusMap[status]
      },
      settleTypeFilter(type) {
        const typeMap = {
          1: '泳装厂',
          2: '面料厂',
          3: '辅料厂',
          4: '设计师',
          5: '打版师',
          6: '样衣工',
          7: '裁床工',
          8: '临时工'
        }
        return typeMap[type]
      }
    },
    created() {
      this.getList()
      this.sys_user_add = this.permissions['sys_user_add']
      this.sys_user_upd = this.permissions['sys_user_upd']
      this.sys_user_del = this.permissions['sys_user_del']
    },
    mounted: function() {
      this.getGoodsList()
    },
    methods: {
      getGoodsList() {
        const that = this
        that.listQuery.source = 1
        queryGoodsList(that.listQuery).then(response => {
          console.log(response)
          // that.list = response.data.records
        })
      },
      // getList() {
      //   // const that = this
      //   this.listLoading = true
      //   // this.listQuery.isAsc = false;
      //   this.listQuery.personalOrCompany = this.type
      //   getSettleList(this.listQuery).then(response => {
      //     this.list = response.data.records
      //     this.total = response.data.total
      //     this.listLoading = false
      //   })
      // },
      handleChangeType() { // 切换类型
        this.listQuery.pageNo = 1
        this.getList()
      },
      handleFilter() {
        this.listQuery.pageNo = 1
        this.getList()
      },
      handleSizeChange(val) { // 页面大小切换
        this.listQuery.pageSize = val
        this.getList()
      },
      handleCurrentChange(val) { // 页码切换
        this.listQuery.pageNo = val
        this.getList()
      },
      handleCheckDetail(row) { // 查看详情
        let url = this.type === '1' ? '/app/per/' : '/app/enterCompany/'
        url = url + row.id
        getSettleDetail(url, {}).then(response => {
          this.form = response.data
          if (this.type === '1') {
            this.personalDialog = true
          } else {
            this.companyDialog = true
          }
        })
      },
      create(formName) {
        const set = this.$refs
        this.form.role = this.role
        set[formName].validate(valid => {
          if (valid) {
            addObj(this.form).then(() => {
              this.dialogFormVisible = false
              this.getList()
              this.$notify({
                title: '成功',
                message: '创建成功',
                type: 'success',
                duration: 2000
              })
            })
          } else {
            return false
          }
        })
      },
      cancel(formName) { // 取消
        this.companyDialog = false
        this.personalDialog = false
        this.$refs[formName].resetFields()
      },
      update(formName) {
        const set = this.$refs
        this.form.role = this.role
        set[formName].validate(valid => {
          if (valid) {
            this.dialogFormVisible = false
            this.form.password = undefined
            putObj(this.form).then(() => {
              this.dialogFormVisible = false
              this.getList()
              this.$notify({
                title: '成功',
                message: '修改成功',
                type: 'success',
                duration: 2000
              })
            })
          } else {
            return false
          }
        })
      },
      deletes(row) {
        this.$confirm(
          '此操作将永久删除, 是否继续?',
          '提示',
          {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }
        ).then(() => {
          delObj(row.userId)
            .then(() => {
              this.getList()
              this.$notify({
                title: '成功',
                message: '删除成功',
                type: 'success',
                duration: 2000
              })
            })
            .cache(() => {
              this.$notify({
                title: '失败',
                message: '删除失败',
                type: 'error',
                duration: 2000
              })
            })
        })
      },
      resetTemp() {
        this.form = {
          id: undefined,
          username: '',
          password: '',
          role: [],
          delFlag: '',
          deptId: '',
          phone: ''
        }
      }
    }
  }
</script>

<style scoped>
  .line-word {
    padding: 0 15px;
  }
  .title{
      font-weight: bold;
      font-size: 24px;
      }

  .el-input {
      position: relative;
      font-size: 14px;
      display: inline-block;
      width: 50%
    }
  .el-form {
      margin-left: 36px;
      }
  .is-disabled{
      background-color: #fff;
      }
  .inputRow input{
      background-color: #fff !important;
      }
  .el-input__inner{
     background-color: #fff !important;
      }
  .el-input__inner{
      background-color: #fff !important;
      }
  .textareaCon{
      width: 60%;
      height: 200px;
      border: 1px solid #f5f5f5;
      border-radius: 10px;
     margin-bottom: 20px;
    padding: 15px;
      }
  .imgContent{
      width: 60%;
      border: 1px solid #f5f5f5;
      padding: 5px;
      }
  .picContent{
      width: 100%;
      }
</style>

<!--<template>-->
  <!--<div class="app-container calendar-list-container">-->
    <!--<div>-->
    <!--<span class="title" style="margin-left: 30px;">基本信息:</span>-->
    <!--</div>-->
    <!--<el-col :span="24" style='margin-top:15px;'>-->
        <!--<el-form :label-position="labelPosition" label-width="80px" :model="form" ref="form">-->
          <!--<el-form-item label="*商品名称:" prop="parentId">-->
            <!--<el-input v-model="form.parentId" :disabled="true" placeholder="请输入父级节点" class="inputRow"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="*商品编号:" prop="parentId">-->
            <!--<el-input v-model="form.parentId" :disabled="true" placeholder="请输入父级节点" class="inputRow"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="商品货号:" prop="menuId">-->
            <!--<el-input v-model="form.menuId" :disabled="true" placeholder="请输入节点ID" class="inputRow"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="*商品分类:" prop="menuId">-->
            <!--<el-input v-model="form.menuId" :disabled="true" placeholder="请输入节点ID" class="inputRow"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="*商品类别:" prop="name">-->
            <!--<el-input v-model="form.name" :disabled="true"  placeholder="请输入标题" class="inputRow"></el-input>-->
          <!--</el-form-item>-->
          <!--<div>-->
          <!--<span class="title">参数详情:</span>-->
        <!--</div>-->
          <!--<el-form-item label="颜色:" prop="permission">-->
            <!--<el-input v-model="form.permission" :disabled="true" placeholder="请输入权限标识" class="inputRow"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="编织工艺:" prop="icon">-->
            <!--<el-input v-model="form.icon" :disabled="true" placeholder="请输入图标" class="inputRow"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="拉头工艺:" prop="icon">-->
            <!--<el-input v-model="form.icon" :disabled="true" placeholder="请输入图标" class="inputRow"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="生产工艺:" prop="icon">-->
            <!--<el-input v-model="form.icon" :disabled="true" placeholder="请输入图标" class="inputRow"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="潘通色号:" prop="url">-->
            <!--<el-input v-model="form.url" :disabled="true" placeholder="请输入资源路径" class="inputRow"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="克重:" prop="sort">-->
            <!--<el-input v-model="form.sort" :disabled="true" placeholder="请输入排序"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="幅宽(cm):"   prop="component">-->
            <!--<el-input v-model="form.component" :disabled="true" placeholder="请输入描述"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="原料纱支:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="成本比例:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="现货情况:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="光泽度:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="花型尺寸:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="宽度:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="厚度:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="含胶量:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="其他参数:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="材质:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="弹力程度:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="花高:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="重量"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="宽度分类:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="尺寸:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="规格型号:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="杯型厚度:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="贴布材质:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="规格尺寸:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<el-form-item label="包装材质:"   prop="component">-->
            <!--<el-input v-model="form.path" :disabled="true" placeholder="iframe嵌套地址"></el-input>-->
          <!--</el-form-item>-->
          <!--<div>-->
            <!--<span class="title">描述信息:</span>-->
          <!--</div>-->
          <!--<div class="textareaCon"></div>-->
          <!--<div>-->
            <!--<span class="title">图片信息:</span>-->
          <!--</div>-->
          <!--<div class="imgContent">-->
          <!--</div>-->
        <!--</el-form>-->
    <!--</el-col>-->
  <!--</div>-->
<!--</template>-->

<!--<script>-->
  <!--export default {-->
    <!--components: {-->
    <!--},-->
    <!--name: 'seller_index',-->
    <!--directives: {-->
    <!--},-->
    <!--data() {-->
      <!--return {-->
        <!--defaultProps: {-->
          <!--children: 'children',-->
          <!--label: 'name'-->
        <!--},-->
        <!--labelPosition: 'right',-->
        <!--form: {-->
          <!--permission: undefined,-->
          <!--name: undefined,-->
          <!--menuId: undefined,-->
          <!--parentId: undefined,-->
          <!--url: undefined,-->
          <!--icon: undefined,-->
          <!--sort: undefined,-->
          <!--component: undefined,-->
          <!--type: undefined,-->
          <!--method: undefined,-->
          <!--path: undefined-->
        <!--}-->
      <!--}-->
    <!--},-->
    <!--computed: {-->
    <!--},-->
    <!--created() {-->
    <!--},-->
    <!--methods: {-->
    <!--},-->
    <!--create(formName) {-->
    <!--}-->
  <!--}-->
<!--</script>-->
<!--<style scoped>-->
  <!--.title{-->
    <!--font-weight: bold;-->
    <!--font-size: 24px;-->
  <!--}-->

  <!--.el-input {-->
    <!--position: relative;-->
    <!--font-size: 14px;-->
    <!--display: inline-block;-->
    <!--width: 50%-->
  <!--}-->
  <!--.el-form {-->
    <!--margin-left: 36px;-->
  <!--}-->
  <!--.is-disabled{-->
    <!--background-color: #fff;-->
  <!--}-->
  <!--.inputRow input{-->
    <!--background-color: #fff !important;-->
  <!--}-->
   <!--.el-input__inner{-->
    <!--background-color: #fff !important;-->
  <!--}-->
  <!--.el-input__inner{-->
    <!--background-color: #fff !important;-->
  <!--}-->
  <!--.textareaCon{-->
    <!--width: 60%;-->
    <!--height: 200px;-->
    <!--border: 1px solid #f5f5f5;-->
    <!--border-radius: 10px;-->
    <!--margin-bottom: 20px;-->
    <!--padding: 15px;-->
  <!--}-->
  <!--.imgContent{-->
    <!--width: 60%;-->
    <!--border: 1px solid #f5f5f5;-->
    <!--padding: 5px;-->
  <!--}-->
  <!--.picContent{-->
    <!--width: 100%;-->
  <!--}-->
<!--</style>-->
